<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>所有订单</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="css/sm.css">
    <link rel="stylesheet" type="text/css" href="css/sm-extend.css">
    <link rel="stylesheet" type="text/css" href="css/columns.css">
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_i3ztchhrqjx7p66r.css">
</head>

<body>
    <div class="page-group">
        <div class="page">
            <!--头部内容 !-->
            <header class="bar bar-nav">
                <a class="icon icon-left pull-left" href="person.html">返回</a>
                <h1 class="title">我的订单</h1>
                <a class="icon iconfont icon-fenxiang1 pull-right"></a>
            </header>
            <div class="content allOrder-content">
                <!--tab栏 !-->
                <div class="buttons-tab">
                    <a href="#all-tab" class="tab-link active button">全部</a>
                    <a href="#payment-tab" class="tab-link  button">待付款</a>
                    <a href="#send-tab" class="tab-link button">待发货</a>
                    <a href="#harvest-tab" class="tab-link button">待收货</a>
                    <a href="#complete-tab" class="tab-link button">已完成</a>
                </div>
                <div class="tabs">
                    <div id="all-tab" class="tab active">
                        <div class="card">
                            <div class="card-header no-border">
                                <div class="item-title">已完成</div>
                            </div>
                            <div class="card-content">
                                <div class="list-block media-list">
                                    <ul>
                                        <li class="item-content">
                                            <img src="images/group-1-1080x447.png">
                                            <div class="item-inner">
                                                <div class="item-title">[来自台湾进口释迦罗]&nbsp;&nbsp;饱满丰富的果肉入口绵软回味清新-免费配送到家</div>
                                                <div class="item-title-row">
                                                    <div class="item-subtitle">￥288</div>
                                                    <div class="item-subtitle">x1</div>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="card-footer no-border">
                                <div class="item-subtitle">评价</div>
                                <div class="item-subtitle">查看详情</div>
                            </div>
                        </div>
                        <div class="card">
                            <div class="card-header no-border">
                                <div class="item-title">待付款</div>
                            </div>
                            <div class="card-content">
                                <div class="list-block media-list">
                                    <ul>
                                        <li class="item-content">
                                            <img src="images/group-1-1080x447.png">
                                            <div class="item-inner">
                                                <div class="item-title">[来自台湾进口释迦罗]&nbsp;&nbsp;饱满丰富的果肉入口绵软回味清新-免费配送到家</div>
                                                <div class="item-title-row">
                                                    <div class="item-subtitle">￥288</div>
                                                    <div class="item-subtitle">x1</div>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="card-footer no-border">
                                <div class="item-subtitle">评价</div>
                                <div class="item-subtitle">查看详情</div>
                            </div>
                        </div>
                    </div>
                    <div id="payment-tab" class="tab active">
                        <div class="card">
                            <div class="card-header no-border">
                                <div class="item-title">已完成</div>
                            </div>
                            <div class="card-content">
                                <div class="list-block media-list">
                                    <ul>
                                        <li class="item-content">
                                            <img src="images/group-1-1080x447.png">
                                            <div class="item-inner">
                                                <div class="item-title">[来自台湾进口释迦罗]&nbsp;&nbsp;饱满丰富的果肉入口绵软回味清新-免费配送到家</div>
                                                <div class="item-title-row">
                                                    <div class="item-subtitle">￥288</div>
                                                    <div class="item-subtitle">x1</div>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="card-footer no-border">
                                <div class="item-subtitle">评价</div>
                                <div class="item-subtitle">查看详情</div>
                            </div>
                        </div>
                        <div class="card">
                            <div class="card-header no-border">
                                <div class="item-title">待付款</div>
                            </div>
                            <div class="card-content">
                                <div class="list-block media-list">
                                    <ul>
                                        <li class="item-content">
                                            <img src="images/group-1-1080x447.png">
                                            <div class="item-inner">
                                                <div class="item-title">[来自台湾进口释迦罗]&nbsp;&nbsp;饱满丰富的果肉入口绵软回味清新-免费配送到家</div>
                                                <div class="item-title-row">
                                                    <div class="item-subtitle">￥288</div>
                                                    <div class="item-subtitle">x1</div>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="card-footer no-border">
                                <div class="item-subtitle">评价</div>
                                <div class="item-subtitle">查看详情</div>
                            </div>
                        </div>
                    </div>
                    <div id="send-tab" class="tab">
                        <div class="card">
                            <div class="card-header no-border">
                                <div class="item-title">已完成</div>
                            </div>
                            <div class="card-content">
                                <div class="list-block media-list">
                                    <ul>
                                        <li class="item-content">
                                            <img src="images/group-1-1080x447.png">
                                            <div class="item-inner">
                                                <div class="item-title">[来自台湾进口释迦罗]&nbsp;&nbsp;饱满丰富的果肉入口绵软回味清新-免费配送到家</div>
                                                <div class="item-title-row">
                                                    <div class="item-subtitle">￥288</div>
                                                    <div class="item-subtitle">x1</div>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="card-footer no-border">
                                <div class="item-subtitle">评价</div>
                                <div class="item-subtitle">查看详情</div>
                            </div>
                        </div>
                    </div>
                     <div id="harvest-tab" class="tab">
                        <div class="card">
                            <div class="card-header no-border">
                                <div class="item-title">已完成</div>
                            </div>
                            <div class="card-content">
                                <div class="list-block media-list">
                                    <ul>
                                        <li class="item-content">
                                            <img src="images/group-1-1080x447.png">
                                            <div class="item-inner">
                                                <div class="item-title">[来自台湾进口释迦罗]&nbsp;&nbsp;饱满丰富的果肉入口绵软回味清新-免费配送到家</div>
                                                <div class="item-title-row">
                                                    <div class="item-subtitle">￥288</div>
                                                    <div class="item-subtitle">x1</div>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="card-footer no-border">
                                <div class="item-subtitle">评价</div>
                                <div class="item-subtitle">查看详情</div>
                            </div>
                        </div>
                    </div>
                    <div id="complete-tab" class="tab">
                        <div class="card">
                            <div class="card-header no-border">
                                <div class="item-title">待付款</div>
                            </div>
                            <div class="card-content">
                                <div class="list-block media-list">
                                    <ul>
                                        <li class="item-content">
                                            <img src="images/group-1-1080x447.png">
                                            <div class="item-inner">
                                                <div class="item-title">[来自台湾进口释迦罗]&nbsp;&nbsp;饱满丰富的果肉入口绵软回味清新-免费配送到家</div>
                                                <div class="item-title-row">
                                                    <div class="item-subtitle">￥288</div>
                                                    <div class="item-subtitle">x1</div>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="card-footer no-border">
                                <div class="item-subtitle">评价</div>
                                <div class="item-subtitle">查看详情</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type='text/javascript' src='js/lib/zepto.js' charset='utf-8'></script>
    <script type='text/javascript' src='js/lib/sm.js' charset='utf-8'></script>
    <script type='text/javascript' src='js/lib/sm-extend.js' charset='utf-8'></script>
    <script type='text/javascript' src='js/allOrder.js' charset='utf-8'></script>
</body>

</html>
